{block head}
 <script type="text/javascript">
    $(function() {
        $('<div id="dialog-confirm" style="display:none;"><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Opravdu chcete referenci odstranit?</p>').appendTo('body');
    });
</script>
{/block}
{block content}
<h1>Reference - seznam</h1>

<a href="{link pridat}" class="button">Přidat</a>
{if $references->count() > 0}
<p>
    <strong>Pořadí</strong> referencí změníte stisknutím levého tlačítka myši nad řádkem a <strong>přetažením</strong> na požadované místo.
</p>
{snippet dataTable}
<script type="text/javascript" n:syntax="double">
    $(function () {
        $('#sortable').sortable({
            update: function(event, ui) {
                var postData = $(this).sortable('serialize');
                $("#ajax-spinner").show().css({
                    position: "absolute",
                    left: event.pageX + 15,
                    top: event.pageY + 15
                });
                $.post({{link poradi!}}, {order: postData}, jQuery.nette.success);
            }
        });
    });
</script>
<table class="data-table">
    <thead>
        <tr>
            <th>Id</th>        
            <th>Makléř</th>
            <th>Zákazník</th>
            <th class="actions"></th>
        </tr>
    </thead>
    <tbody id="sortable">
        <tr n:foreach="$references as $reference" id="item-{$reference->id}">
            {var $agent = $agentModel->get($reference->agent)}
            <td>{$reference->id}</td>
            <td>{if $agent->degree !== NULL}{$agent->degree} {/if}{$agent->firstname} {$agent->lastname}</td>
            <td>{$reference->client|truncate:50}</td>
            <td class="table-actions">                                
                <a href="{link upravit $reference->id}" class="table-button table-button-edit" title="upravit"></a>
                <a href="{link smazat! $reference->id}" class="ajax table-button table-button-delete table-button-modal" title="smazat"></a>
            </td>
        </tr>
    <tbody>
</table>
<script type="text/javascript">
    $(function() {
        $(".table-button-modal").bind('click', showModal);
        function showModal() {    
            var link = this.href;                
            $('#dialog-confirm').dialog({
                    modal: true,
                    closeText: 'zavřít',
                    title: 'Smazání reference',
                    buttons: {
                        'Ano':function(event) {
                            event.preventDefault();
                            $.get(link);
                            $(this).dialog('close');
                        },
                        'Ne': function() {
                            $(this).dialog('close');
                        }
                    }
            });
            return false;
        };
    });
</script>
{/snippet}
{else}
<p>Nebyly nalezeny žádné reference. Novou referenci přidáte pomocí tlačítka přidat.</p>
{/if}
{/block}
